<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:m="http://www.ol4jsf.org"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:o="http://openfaces.org/">

	<style>
		.noMaskClass .rich-mpnl-mask-div {
			display:none;
		}
		.contentEditData {
			width:100%;
			height:290px;
			overflow:auto;
		}
	</style>
	
	<rich:modalPanel id="layersToolbox" minWidth="500" minHeight="590" resizeable="true" styleClass="noMaskClass" zindex="10000">
		<f:facet name="header">
			<h:outputText value="#{messages['interactiveviewer.layers_desc']}"/>
		</f:facet>
		
		<f:facet name="controls">
			<h:panelGroup>
				<h:graphicImage value="/img/close.png" styleClass="hidelink"
					id="hideLayersToolbox" />
				<rich:componentControl for="layersToolbox" attachTo="hideLayersToolbox"
					operation="hide" event="onclick" />
			</h:panelGroup>
		</f:facet>
		
		<h:form>
			<h:panelGroup id="panelLayers">
				<ui:include src="./includes/selectedLayerTlb.xhtml" />
			</h:panelGroup>
		</h:form>
		
		<h:form>
			<div align="center">
				<br />
				<strong>Capas</strong>
				<rich:separator lineType="solid"/>
				<br />
				<h:selectOneListbox value="#{interactiveViewerHelper.selectedLayer}" converter="#{interactiveViewerHelper.layerConverter}" size="10" style="width:70%">
					<f:selectItems value="#{interactiveViewerHelper.layerItems}"/>
					<a4j:support
						event="onchange"
						oncomplete="changeWorkingLayer('#{interactiveViewerHelper.selectedLayer.fullQualifiedName}')"
						reRender="panelLayers, txtActiveLayer">
					</a4j:support>
				</h:selectOneListbox>
				
				<br />
				<br />
				
				<br />
				<strong>Descargar capa</strong>
				<rich:separator lineType="solid"/>
				<br />

				<ui:include src="/WEB-INF/includes/showHelpIncl.xhtml">
					<ui:param name="width" value="95%" />
					<ui:param name="mainMessage" value="IMPORTANTE:" />
					
					<ui:param name="msgBullet"  value="El proceso de descargar capa toma los datos de la capa en la base de datos espacial y los descarga como archivo Shape." />
					<ui:param name="msgBullet1" value="El conjunto de archivos descargados no puede utilizarse para realizar modificaciones de vuelta a la capa descargada y solamente es para efectos de conveniencia de intercambio de datos con otros paquetes geograficos." />
				</ui:include>

				<br />
				<br />
				
				<o:commandButton type="submit" action="#{interactiveViewerHelper.layerHelper.downloadSelectedLayer}">
					<h:graphicImage value="/img/download-icon.png" />
					<br />
					<h:outputLabel value="Descargar capa" style="font-weight:bold;"/>
					<rich:toolTip followMouse="true" direction="top-right" showDelay="500" styleClass="tooltip">
						<span style="white-space:nowrap">
							Descargar capa
						</span>
					</rich:toolTip>
				</o:commandButton>
			</div>
		</h:form>
	</rich:modalPanel>
	
</ui:composition>

